<template>
  <div class=" class404">
    <img :src="backImg" style="width: 100%; height: 100%;margin-bottom: 5px">
    <el-button type="primary" @click="handleBack">
      <svg-icon icon-class="back" />
      返回
    </el-button>
    <el-button type="danger" @click="changeUser">
      返回登录
      <svg-icon icon-class="exit" />
    </el-button>
  </div>
</template>
<script>
import backImg from '@/assets/401_images/timg.jpg'
export default {
  data() {
    return {
      backImg
    }
  },
  methods: {
    handleBack() {
      this.$router.go(-1)
    },
    changeUser() {
      this.$store.dispatch('user/logout').then(() => {
        this.$router.push('/login')
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.class404 {
  text-align: center;
}
</style>
